.root {
  min-height: 100vh;
  background-color: #f5f5f5;

  :global {
    .body {
      height: calc(100vh - 120px);
      overflow-y: scroll;

      .box {
        position: relative;
        height: 360px;
        font-size: 28px;
        padding-left: 26px;
        margin-bottom: 20px;
        background-color: #fff;

        .areaContainer {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          height: 90px;
          font-size: 32px;
          font-weight: 700;

          img {
            width: 96px;
            height: 50px;
          }

          div {
            max-width: 240px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }
        }

        .detail {
          position: absolute;
          top: 30px;
          right: 20px;
          color: #7D7B7B;

          i {
            position: relative;
            top: -3px;
          }
        }

        .amountContainer {
          display: flex;
          justify-content: space-between;
          align-items: center;
          height: 90px;
          padding-right: 90px;
        }

        .amount {
          height: 90px;
          line-height: 90px;
        }

        .cancelContainer {
          display: flex;
          justify-content: space-between;
          align-items: center;
          height: 90px;
          margin-right: 26px;

          div:nth-of-type(1) {
            color: #FA8624;
          }

          div:nth-of-type(2) {
            color: #949090;
          }
        }

        .reshelf {
          position: absolute;
          right: 25px;
          bottom: 20px;
          width: 160px;
          height: 60px;
          line-height: 60px;
          text-align: center;
          border-radius: 8px;
          background-color: rgba(250, 134, 36, 100);
          color: rgba(255, 255, 255, 100);
        }

        .tips {
          width: 552px;
          height: 42px;
          line-height: 42px;
          text-align: center;
          background-color: rgba(159, 152, 145, .2);

          i {
            color: #F77F11;
          }
        }

        .btnContainer {
          display: flex;
          justify-content: flex-end;
          align-items: center;
          height: 110px;

          div {
            width: 160px;
            height: 60px;
            line-height: 60px;
            text-align: center;
            margin-right: 20px;
            border-radius: 8px;
            color: #fff;
            background-color: #FA8624;
          }

          .disable {
            background-color: rgba(193, 189, 189, 100);
            color: rgba(255, 255, 255, 100);
          }
        }

        .btnContainer2 {
          display: flex;
          justify-content: flex-end;
          align-items: center;
          height: 60px;

          Button {
            width: 160px;
            height: 60px;
            line-height: 60px;
            text-align: center;
            margin: 0;
            margin-right: 20px;
            border-radius: 8px;
            font-size: 28px;
            padding: 0;
            color: #fff;
            background-color: #FA8624;

            &::after {
              display: none;
            }
          }
        }
      }
    }



    .unLogin {
      text-align: center;

      img {
        margin-top: 50px;
        width: 700px;
        height: 560px;
      }

      div {
        margin-top: 30px;
        font-weight: 700;
      }
    }

    .at-tabs__item--active {
      color: #f18340;
    }

    .at-tabs__item--active .at-tabs__item-underline {
      -webkit-transform: translateX(-50%) scaleX(1);
      -ms-transform: translateX(-50%) scaleX(1);
      transform: translateX(-50%) scaleX(1);
    }

    .at-tabs__item-underline {
      display: block;
      position: absolute;
      left: 50%;
      bottom: 0;
      width: 120px;
      height: 1PX;
      background-color: #f18340;
      -webkit-transform: translateX(-50%) scaleX(0);
      -ms-transform: translateX(-50%) scaleX(0);
      transform: translateX(-50%) scaleX(0);
      -webkit-transition: all 0.15s;
      -o-transition: all 0.15s;
      transition: all 0.15s;
    }

  }
}
